{% extends "base.html" %}



{% block ext_js_head_inc %}
<script>
     document.ready=function(){
         $('.carousel').carousel({
           interval: 2000

         })
     }
 </script>

{% endblock %}

{% block  layoutmid_content%}

        <div class="row-fluid">
        <div class="span12" >


<div>
    <span class="label label-info text-right"> 热点 </span>
    <span class=" text-center" ><a href="/allhotphotos/"> 更多&gt&gt </a>
    </span>
</div>

    <br/>
	<div>
	<ul class="thumbnails">
{% for o in hot_photos %}
    <li class="thumbnail" >
              <div>
                  <div>
                      {{o.title}}
                  </div>
              <a href="/photos/{{o.id}}/" >
          <img src="{{o.get_photo_url}}"
          onmouseover=" this.className='img-polaroid'"
          onmouseout="this.className='img-circle img-polaroid'"
          style="width:140px;height: 140px" class="img-circle img-polaroid" />
              </a>
                <div>
              <a>浏览({{o.view_count}})</a> | <a>回复({{o.rep_count}})</a>
                </div>
               </div>
    </li>
{% endfor %}
	</ul>

	</div>


</div>
    </div>
{% endblock %}

{% block layoutright %}
<div class="row-fluid">

<div clas="span12">
    <div>
    <a href="/tags/" style="color:white; " class="label label-info">标签&gt;&gt;</a>
    </div>

    <br/>

<blockquote >
{% for t in side_tags %}
<a href="/tags/{{t.id}}/" style="text-decoration: none ;font-size: {{t.em}}em;">{{t.name}}</a>&nbsp;
{% endfor %}
</blockquote>
        <div id="some_new_photos">
               <div class="label label-info">
                    最新照片：
               </div>



            <div id="carousel"  class="carousel slide" >
                            <ol class="carousel-indicators">
                              <li data-target="#myCarousel" data-slide-to="0" class="active "></li>
                              <li data-target="#myCarousel" data-slide-to="1" class=""></li>
                              <li data-target="#myCarousel" data-slide-to="2" class=""></li>
                            </ol>

                            <div class="carousel-inner">
                              <div class="item active ">
                                <img class="img-polaroid" src="{{new_photos.0.get_photo_url  }}" >

                              </div>
                              <div class="item">
                                <img  class="img-polaroid" src="{{new_photos.1.get_photo_url  }}" >

                              </div>
                              <div class="item">
                                <img class="img-polaroid" src="{{new_photos.2.get_photo_url  }}" >

                              </div>
                            </div>

                          </div>

        </div>

        <div id="new_comments">
            <div class="label label-info">
                     最新照片：
                </div>
            <div class="nav thumbnails">
            {% for c in comments %}
            <div class="thumbnail">
                <div id="one_comment">
           			<div class="row-fluid">
                         <div class="span4">
                             <div id="small_head_img" >
                            <a href="/space/{{c.author.id}}/" >
           				    <img class="img-polaroid img-circle" src="{{c.author.get_profile.get_avatar}}">
           			        </a>
                             </div>
                             <div id="comment_author_name">
                           <a href="/space/{{c.author.id}}/">
                          	{{c.author.username}}
                          	</a>
                             </div>
                         </div>


           			    <div  class="span7 ">
           				    <p style="word-break: break-word; "> {{c.comment}} </p>


                        </div>

                    </div>
                </div>
            </div>
            {% endfor %}
            </div>
        </div>

</div>
</div>


{% endblock %}